<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="登录.css" />
    <style>
        .wenzi1{
            width:100px;
            height:30px;
            left:200px;
            top:20px;
        }
        .l1{
            background-color: antiquewhite;
            height:500px;
        }
        .wenzi2{
            height: 300px;
            background-color: rgb(199, 228, 218);
            
        }
        .photo9{
            width:25px;
            height: 25px;
        }
        .button4{
            color:rgb(0, 174, 255);
            background-color:rgb(182, 220, 252) ;
            width:100px;
            height:30px;
            border: none;
            margin: 10px;
        }
        .button5{
            color:rgb(0, 174, 255);
            background-color:rgb(182, 220, 252) ;
            width:50px;
            height:30px;
            border: none;
            margin: 10px;
        }
    </style>
</head>
<body style="background-color: whitesmoke;">
    
    <!--可滑动页-->
    <div>
        <!--上面的条条-->
    <div class="top"> 
        <div class="part1">
            <img src="./picture/zhihu.png" class="photo4">
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">关注</h3>
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">推荐</h3>
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">热榜</h3>
            <h3 style="display: inline-block;  color:rgb(181, 181, 189)">视频</h3>
        </div>
        <div class="part2">
            <input class="sou" value="搜点什么试试吧" >
            <button class="button2">
                提问
            </button>
        </div>
        <div class="part3">
           
                    <img class="photo5" src="./picture/铃铛.png">
               
                    <img class="photo5" src="./picture/消息.png">
                    <div class="zhuye">
                        <img class="photo5" src="./picture/头像 .png">
                        <ul >
                            <li><a href="file:///C:/Users/Lenovo/Desktop/%E5%AF%92%E5%81%87%E5%A4%A7%E4%BD%9C%E4%B8%9A/%E6%88%91%E7%9A%84%E4%B8%BB%E9%A1%B5.html">我的主页</a></li>
                            <li>创作中心</li>
                            <li>无障碍</li>
                            <li>设置</li>
                            <li>退出</li>
                        </ul>
                    </div>
                
        </div>
    </div>
    <div class="back">
        <!--左侧框-->
        <div class="left">
            <h4 class="wenzi1">我的关注</h4>
            <hr>
            <div class="l1">
                <div class="wenzi2"></div>
                <button class="button4">▲赞同<span class="counter">5312</span></button>
                <button class="button5">▼</button>
                <img src="./picture/消息.png" class="photo9">
                <h6 style="display:inline-block;"> 346条消息</h6>

            </div>
        </div>
        <!--右侧框-->
        <div class="right1">
            <div class="r1">
                <img src="./picture/人头.png" class="photo6" sytle="display:inline-block;margin-top:20px">
                <span style="display: inline-block;">创作中心</span>
                <span style="color: rgb(72, 146, 241); display: inline-block; ">Lv2</span>
                <h6 style="color:rgb(104, 103, 103); float:right;"> 草稿箱(0)</h6>
            </div>
            <div class="r2">
                <div>
                    <img  class="photo7" src="./picture/回答.png"> <h6> 回答问题</h6>
                </div>
                <div>
                    <img  class="photo7" src="./picture/视频.png" > <h6> 发视频</h6>
                </div>
                <div>
                    <img  class="photo7" src="./picture/文章.png"  > <h6> 写文章</h6>
                </div>
                <div>
                    <img  class="photo7" src="./picture/想法.png"> <h6> 写想法</h6>
                </div>
            </div>
            <div class="r3">
                <button class="button3">进入创作中心></button>
            </div>
        </div>
        <div class="right2">
            <div class="r4">
                <div>
                    <img class="photo8" src="./picture/闪电.png"><h5 class="live">Live</h5>
                </div>
                <div>
                    <img class="photo8" src="./picture/书书.png"><h5 class="shu">书店</h5>
                </div>
                <div>
                    <img class="photo8" src="./picture/圆桌.png"><h5 class="yuan">圆桌</h5>
                </div>
                <div>
                    <img class="photo8" src="./picture/画笔.png"><h5 class="lan">专栏</h5>
                </div>
                <div>
                    <img class="photo8" src="./picture/付费.png"><h5 class="lan">付费咨询</h5>
                </div>
                <div>
                    <img class="photo8" src="./picture/回答.png"><h5 class="lan">百科</h5>
                </div>
            </div>
           
        </div>

       
    </div>
    
<script src="2.js" ></script>

    </div>
   
</body>
</html>